<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>boot css</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
</head>
<body>
<hr>
<img class="img-rounded" src="http://pic.people.com.cn/NMediaFile/2020/1026/MAIN202010260958000098920410532.JPG">
<img class="img-circle" src="http://pic.people.com.cn/NMediaFile/2020/1026/MAIN202010260958000098920410532.JPG">
<img class="img-thumbnail" src="http://pic.people.com.cn/NMediaFile/2020/1026/MAIN202010260958000098920410532.JPG">
<hr>
<form action="" class="form-inline">
    <div class="form-group">
        <label>uname:</label><input class="form-control" type="text">
    </div>
    <div class="form-group">
        <label>upass:</label><input class="form-control" type="text">
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit">
    </div>
</form>
<hr>
<form action="">
    <div class="form-group">
        <label>uname:</label><input class="form-control" type="text">
    </div>
    <div class="form-group">
        <label>upass:</label><input class="form-control" type="text">
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit">
    </div>
</form>
<hr>
<input type="submit" value="提 交"><br>
<input class="btn btn-default" type="submit" value="提 交"><br>
<input class="btn btn-primary btn-sm" type="submit" value="提 交"><br>
<input class="btn btn-info btn-lg" type="submit" value="提 交"><br>
<input class="btn btn-success btn-xs" type="submit" value="提 交"><br>
<input class="btn btn-warning btn-block" type="submit" value="提 交"><br>
<hr>
<table class="table table-bordered table-striped table-hover">
    <tr>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
    </tr>
    <tr>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
    </tr>
    <tr>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
    </tr>
    <tr>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
    </tr>
    <tr>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
        <td>aaaa bbbb</td>
    </tr>
</table>
<div>
    <mark>达内云计算 nsd2005</mark>
    <del>达内云计算 nsd2005</del>
    <s>达内云计算 nsd2005</s>
    <ins>达内云计算 nsd2005</ins>
    <u>达内云计算 nsd2005</u>
    <small>达内云计算 nsd2005</small>
    <strong>达内云计算 nsd2005</strong>
    <b>达内云计算 nsd2005</b>
    <em>达内云计算 nsd2005</em>
    <i>达内云计算 nsd2005</i>
</div>
<h1 class="text-center text-primary bg-danger">达内云计算 cloud computing</h1>
<h2 class="text-right text-muted bg-warning">达内云计算 cloud computing</h2>
<h3 class="text-left text-success bg-info">达内云计算 cloud computing</h3>
<h4>达内云计算 cloud computing</h4>
<h5>达内云计算 cloud computing</h5>
<h6>达内云计算 cloud computing</h6>
<div class="h3">达内云计算 cloud computing</div>
<div>达内云计算 cloud computing</div>
<div>达内云计算 cloud computing</div>
<div>达内云计算 cloud computing</div>
<div>达内云计算 cloud computing</div>
<div>达内云计算 cloud computing</div>
</body>
</html>